﻿<!DOCTYPE html>
<html>
  <head>
    <title>01_01 01详细展示</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/01_01_01详细展示/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/01_01_01详细展示/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (iPhone8) -->

      <!-- Unnamed (组合 ) -->
      <div id="u3817" class="ax_default" data-left="0" data-top="0" data-width="436" data-height="888">

        <!-- Unnamed (图片 ) -->
        <div id="u3818" class="ax_default image">
          <img id="u3818_img" class="img " src="images/01_首页_用户/u2.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u3819" class="ax_default image">
          <img id="u3819_img" class="img " src="images/01_首页_用户/u3.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u3820" class="ax_default image">
          <img id="u3820_img" class="img " src="images/01_首页_用户/u4.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u3821" class="ax_default image">
          <img id="u3821_img" class="img " src="images/01_首页_用户/u5.png"/>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u3822" class="ax_default">
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3823" class="ax_default box_2">
        <div id="u3823_div" class=""></div>
      </div>

      <!-- 遮罩层 (动态面板) -->
      <div id="u3824" class="ax_default" data-label="遮罩层">
        <div id="u3824_state0" class="panel_state" data-label="顶层" style="">
          <div id="u3824_state0_content" class="panel_state_content">

            <!-- Main (动态面板) -->
            <div id="u3825" class="ax_default" data-label="Main">
              <div id="u3825_state0" class="panel_state" data-label="内容展示" style="">
                <div id="u3825_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u3826" class="ax_default box_1">
                    <div id="u3826_div" class=""></div>
                    <div id="u3826_text" class="text ">
                      <p style="font-size:13px;"><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;font-size:16px;">菜品里有苍蝇</span></p><p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#CCCCCC;">2018.05.21 16:51:37</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u3827" class="ax_default" data-left="0" data-top="69" data-width="375" data-height="140">

                    <!-- Unnamed (矩形) -->
                    <div id="u3828" class="ax_default box_1">
                      <div id="u3828_div" class=""></div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u3829" class="ax_default" data-left="17" data-top="79" data-width="173" data-height="120">

                      <!-- Unnamed (矩形) -->
                      <div id="u3830" class="ax_default label">
                        <div id="u3830_div" class=""></div>
                        <div id="u3830_text" class="text ">
                          <p><span>投诉编号：</span></p><p><span>投诉类型：</span></p><p><span>联系人：</span></p><p><span>联系电话：</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u3831" class="ax_default label">
                        <div id="u3831_div" class=""></div>
                        <div id="u3831_text" class="text ">
                          <p><span>102329813226</span></p><p><span>商品质量问题</span></p><p><span>马小姐</span></p><p><span>13888888888</span></p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u3832" class="ax_default" data-left="0" data-top="208" data-width="375" data-height="190">

                    <!-- Unnamed (矩形) -->
                    <div id="u3833" class="ax_default box_1">
                      <div id="u3833_div" class=""></div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u3834" class="ax_default" data-left="17" data-top="218" data-width="345" data-height="165">

                      <!-- Unnamed (矩形) -->
                      <div id="u3835" class="ax_default label">
                        <div id="u3835_div" class=""></div>
                        <div id="u3835_text" class="text ">
                          <p><span>问题说明：</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u3836" class="ax_default _文本段落">
                        <div id="u3836_div" class=""></div>
                        <div id="u3836_text" class="text ">
                          <p><span>我在内江开口香快乐凉粉和平桥店，点了两份菜品，一份快乐凉粉、一份回锅肉，菜吃到一半，居然发现回锅肉里有半只苍蝇，一想到这里我就恶心的要死，我要求老板赔偿我精神损失费一千块，老板居然说我无理取闹，还让店员把我给轰了出来。就这态度已经不是1千块能解决的事了，要投诉！和他们抗争到底。</span></p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (水平线) -->
                  <div id="u3837" class="ax_default line">
                    <img id="u3837_img" class="img " src="images/04_01_03回复意见/u2333.png"/>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u3838" class="ax_default" data-left="-16" data-top="397" data-width="412" data-height="187">

                    <!-- Unnamed (组合 ) -->
                    <div id="u3839" class="ax_default" data-left="0" data-top="397" data-width="375" data-height="160">

                      <!-- Unnamed (矩形) -->
                      <div id="u3840" class="ax_default box_1">
                        <div id="u3840_div" class=""></div>
                      </div>

                      <!-- Unnamed (水平线) -->
                      <div id="u3841" class="ax_default line">
                        <img id="u3841_img" class="img " src="images/04_01_03回复意见/u2333.png"/>
                      </div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u3842" class="ax_default" data-left="-16" data-top="414" data-width="412" data-height="40">

                      <!-- Unnamed (组合 ) -->
                      <div id="u3843" class="ax_default" data-left="-16" data-top="414" data-width="136" data-height="40">

                        <!-- Unnamed (组合 ) -->
                        <div id="u3844" class="ax_default" data-left="-16" data-top="414" data-width="136" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u3845" class="ax_default ellipse">
                            <img id="u3845_img" class="img " src="images/04_01_03回复意见/u2337.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u3846" class="ax_default line">
                            <img id="u3846_img" class="img " src="images/04_01_03回复意见/u2338.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u3847" class="ax_default line">
                            <img id="u3847_img" class="img " src="images/04_01_03回复意见/u2338.png"/>
                          </div>
                        </div>

                        <!-- Unnamed (矩形) -->
                        <div id="u3848" class="ax_default label">
                          <div id="u3848_div" class=""></div>
                          <div id="u3848_text" class="text ">
                            <p><span>双方和解中</span></p>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合 ) -->
                      <div id="u3849" class="ax_default" data-left="120" data-top="414" data-width="138" data-height="40">

                        <!-- Unnamed (矩形) -->
                        <div id="u3850" class="ax_default label">
                          <div id="u3850_div" class=""></div>
                          <div id="u3850_text" class="text ">
                            <p><span>三方调解中</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合 ) -->
                        <div id="u3851" class="ax_default" data-left="120" data-top="414" data-width="138" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u3852" class="ax_default ellipse">
                            <img id="u3852_img" class="img " src="images/04_01_03回复意见/u2350.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u3853" class="ax_default line">
                            <img id="u3853_img" class="img " src="images/04_01_03回复意见/u2351.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u3854" class="ax_default line">
                            <img id="u3854_img" class="img " src="images/04_01_03回复意见/u2351.png"/>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合 ) -->
                      <div id="u3855" class="ax_default" data-left="258" data-top="414" data-width="138" data-height="40">

                        <!-- Unnamed (矩形) -->
                        <div id="u3856" class="ax_default label">
                          <div id="u3856_div" class=""></div>
                          <div id="u3856_text" class="text ">
                            <p><span>监管介入中</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合 ) -->
                        <div id="u3857" class="ax_default" data-left="258" data-top="414" data-width="138" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u3858" class="ax_default ellipse">
                            <img id="u3858_img" class="img " src="images/04_01_03回复意见/u2350.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u3859" class="ax_default line">
                            <img id="u3859_img" class="img " src="images/04_01_03回复意见/u2351.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u3860" class="ax_default line">
                            <img id="u3860_img" class="img " src="images/04_01_03回复意见/u2351.png"/>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u3861" class="ax_default" data-left="89" data-top="483" data-width="197" data-height="51">

                      <!-- Unnamed (矩形) -->
                      <div id="u3862" class="ax_default label">
                        <div id="u3862_div" class=""></div>
                        <div id="u3862_text" class="text ">
                          <p><span style="color:#CCCCCC;">当前进度：</span><span style="color:#3385FF;">和解中</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u3863" class="ax_default label">
                        <div id="u3863_div" class=""></div>
                        <div id="u3863_text" class="text ">
                          <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#CCCCCC;">商家：</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">未处理</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#3385FF;">　　</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#CCCCCC;">用户：</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">未处理</span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u3864" class="ax_default label">
                      <div id="u3864_div" class=""></div>
                      <div id="u3864_text" class="text ">
                        <p><span>提示：如果不和解，将进入三方调解阶段！</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (热区) -->
                  <div id="u3865" class="ax_default">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3866" class="ax_default" data-left="51" data-top="134" data-width="375" data-height="68">

        <!-- Unnamed (组合 ) -->
        <div id="u3867" class="ax_default" data-left="51" data-top="134" data-width="375" data-height="68">

          <!-- Unnamed (矩形) -->
          <div id="u3868" class="ax_default box_3">
            <div id="u3868_div" class=""></div>
          </div>

          <!-- Title (组合 ) -->
          <div id="u3869" class="ax_default" data-label="Title" data-left="212" data-top="175" data-width="53" data-height="16">

            <!-- Unnamed (矩形) -->
            <div id="u3870" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
              <div id="u3870_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3871" class="ax_default _三级标题">
              <div id="u3871_div" class=""></div>
              <div id="u3871_text" class="text ">
                <p><span>投诉详情</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (电池电量条 Black) -->

        <!-- Unnamed (组合 ) -->
        <div id="u3873" class="ax_default" data-left="6" data-top="7" data-width="363" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u3874" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
            <div id="u3874_div" class=""></div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3875" class="ax_default icon">
            <img id="u3875_img" class="img " src="images/01_首页_用户/u20.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3876" class="ax_default icon">
            <img id="u3876_img" class="img " src="images/01_首页_用户/u21.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3877" class="ax_default icon">
            <img id="u3877_img" class="img " src="images/01_首页_用户/u22.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3878" class="ax_default label">
            <div id="u3878_div" class=""></div>
            <div id="u3878_text" class="text ">
              <p><span>5:27 AM</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3879" class="ax_default label">
            <div id="u3879_div" class=""></div>
            <div id="u3879_text" class="text ">
              <p><span>100%</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u3880" class="ax_default _图片">
        <img id="u3880_img" class="img " src="images/02_诚信商家/u739.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3881" class="ax_default box_1">
        <div id="u3881_div" class=""></div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3882" class="ax_default" data-left="62" data-top="750" data-width="353" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u3883" class="ax_default primary_button">
          <div id="u3883_div" class=""></div>
          <div id="u3883_text" class="text ">
            <p><span>处理完成</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3884" class="ax_default primary_button">
          <div id="u3884_div" class=""></div>
          <div id="u3884_text" class="text ">
            <p><span>不予受理</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3885" class="ax_default primary_button">
          <div id="u3885_div" class=""></div>
          <div id="u3885_text" class="text ">
            <p><span>诉转案</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3886" class="ax_default primary_button">
        <div id="u3886_div" class=""></div>
        <div id="u3886_text" class="text ">
          <p><span>回复</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
